<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html lang="en">
 <head>
  <title>Alternates and generated content (poorly written test)</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/alternates/003.html"/>
  <link rel="help" href="http://www.w3.org/TR/CSS2/conform.html#conformance" />
  <style type="text/css">
   .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
   .undersheet { height: 100px; width: 100px; background: red; margin: 0 0 -100px 0; }
   .pass-condition { margin: 1em 0; }
   p, div { color: navy; margin: 0; }
  </style>
  <style type="text/css" title="Alternate one (Preferred)">
   p:before { content: 'x'; font: 50px/1 Ahem; border: 25px solid; display: block; width: 50px; }
  </style>
  <style type="text/css" title="Alternate two">
   p:before { content: 'xxxx'; font: 25px/1 Ahem; color: green; }
   p:after { content: '\A0'; height: 75px; width: 100px; background: green; display: block; }
  </style>
 </head>
 <body>
  <div class="control">Ahem_font_required_for_this_test.</div>
  <div class="pass-condition">Switch to the alternate stylesheet. The blue block should turn green.</div>
  <div class="undersheet"></div>
  <p></p>
 </body>
</html>

